<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../public/semanticui/semantic.min.css" />
		<link rel="stylesheet" type="text/css" href="../public/semanticui/themes.css" />
	</head>

	<body>
		<div class="ui page grid">
			
		 <div class="computer tablet only row">
		<div class="ui large blue top fixed inverted noradius menu">
			<div class="header item"> CoreCMS </div>
			<a class="active item sideon">
				<i class="content icon"></i> 菜单
			</a>
			<a class="item">
				<i class="mail icon"></i> Messages
			</a>
			<a class="item">
				<i class="user icon"></i> Friends
			</a>
			<div class="right menu">
				<a class="ui item">Logout</a>
			</div>
		</div>
		</div>
		
		<div class="main">
			<div class="ui inverted left vertical sidebar menu">
				<a class="item">
					<i class="home icon"></i> Home
				</a>
				<a class="item">
					<i class="block layout icon"></i> Topics
				</a>
				<a class="item">
					<i class="smile icon"></i> Friends
				</a>
				<a class="item">
					<i class="calendar icon"></i> History
				</a>
			</div>
			
			<div class="pusher">
				<div class="ui black launch right attached fixed button">
				  <i class="content icon"></i>
				</div>
				<div class="ui basic segment">
					
					<h3 class="ui header">Application Content</h3>
					<p></p>
					<p></p>
					<p></p>
					<p></p>
				</div>
			</div>
		</div>
		</div>
		<!--[if lt IE 9]>
    <script src="../public/jquery/jquery-1.11.2.min.js"></script>
<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="../public/jquery/jquery-2.1.3.min.js"></script>
		<!--<![endif]-->
		<script src="../public/semanticui/semantic.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		
			$('.sideon').on('click',function(){
				$('.sidebar').sidebar('setting',{dimPage:false,closable:false,transition: 'scale down'}).sidebar('toggle');
			});
			
		</script>
	</body>

</html>